<html>
<head>
<meta charset="utf-8">
<title>Win 8 UI Mark</title>
<link rel="stylesheet" href="css/block.css" type="text/css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.min.js"></script>
<script>
$(function() {
$( ".clearfix.box-area" ).sortable({
    revert: true
});

$( ".box" ).disableSelection();
});
</script>
</head>
<body class="clearfix">
    <?php include('header.php');?>
    <div class="clearfix box-area fl">
        <div class="h17w36 relative fl box bg-skyblue no-padding">
            <a class="h17w36 box-a" href="http://www.google.com/" target="_blank" title="如果上不去，大家懂的">
                <div id="google">&nbsp;</div>
            </a>
            <div id="services" class="s-top">
              <a class="SVC" id="PLUS"      href="https://plus.google.com/"           title="Google Plus"             target="_blank">&nbsp;</a>
              <a class="SVC" id="GWS"       href="https://www.google.com/"            title="Google.com"              target="_blank">&nbsp;</a>
              <a class="SVC" id="IMG"       href="https://www.google.com/imghp"       title="Google Image Search"     target="_blank">&nbsp;</a>
              <a class="SVC" id="MAPS"      href="https://www.google.com/maps"        title="Google Maps"             target="_blank">&nbsp;</a>
              <a class="SVC" id="NEWS"      href="https://news.google.com"            title="Google News"             target="_blank">&nbsp;</a>
              <a class="SVC" id="READER"    href="https://reader.google.com/"         title="Google Reader"           target="_blank">&nbsp;</a>
              <a class="SVC" id="FINANCE"   href="https://www.google.com/finance"     title="Google Finance"          target="_blank">&nbsp;</a>
              <a class="SVC" id="PROD"      href="https://www.google.com/products"    title="Google Product Search"   target="_blank">&nbsp;</a>
              <a class="SVC" id="BMKS"      href="https://www.google.com/bookmarks"   title="Google Bookmarks"        target="_blank">&nbsp;</a>
              <a class="SVC" id="TRANSLATE" href="https://www.google.com/translate"   title="Google Translate"        target="_blank">&nbsp;</a>
            </div>
            <div id="services" class="s-bottom">
              <a class="SVC" id="GMAIL"     href="https://mail.google.com/"           title="Gmail"                   target="_blank">&nbsp;</a>
              <a class="SVC" id="DRIVE"     href="https://drive.google.com/"          title="Google Drive"            target="_blank">&nbsp;</a>
              <a class="SVC" id="VOICE"     href="https://www.google.com/voice/"      title="Google Voice"            target="_blank">&nbsp;</a>
              <a class="SVC" id="PLAY"      href="https://play.google.com/"           title="Google Play"             target="_blank">&nbsp;</a>
              <a class="SVC" id="MUSIC"     href="https://music.google.com/"          title="Google Play Music"       target="_blank">&nbsp;</a>
              <a class="SVC" id="YT"        href="https://www.youtube.com/"           title="YouTube"                 target="_blank">&nbsp;</a>
              <a class="SVC" id="PICASA"    href="https://picasaweb.google.com/"      title="Picasa"                  target="_blank">&nbsp;</a>
              <a class="SVC" id="CAL"       href="https://www.google.com/calendar/"   title="Google Calendar"         target="_blank">&nbsp;</a>
              <a class="SVC" id="OFFERS"    href="https://www.google.com/offers/"     title="Google Offers"           target="_blank">&nbsp;</a>
              <a class="SVC" id="WALLET"    href="https://wallet.google.com/manage/"  title="Google Wallet"           target="_blank">&nbsp;</a>
            </div>
        </div>
        <a class="box h15w34 bg-skyblue fl" href="http://www.baidu.com" target="_blank">
            <img src="http://525mark.googlecode.com/svn/trunk/css/img/baidu.png"/>
        </a>
        <a class="box h15w34 bg-skyblue fl" href="http://www.taobao.com" target="_blank">
            <img src="http://525mark.googlecode.com/svn/trunk/css/img/taobao.png"/>
        </a>
        <a class="box h15w34 bg-skyblue fl" href="http://www.sina.com" target="_blank">
            <img src="http://525mark.googlecode.com/svn/trunk/css/img/sina.png"/>
        </a>
        <a class="box h15w15 bg-skyblue fl" href="http://www.qq.com/" target="_blank">
            <img src="http://525mark.googlecode.com/svn/trunk/css/img/qq.png"/>
        </a>
        <a class="box h15w15 bg-skyblue fl" href="http://qzone.qq.com/" target="_blank">
            <img src="http://525mark.googlecode.com/svn/trunk/css/img/qzone.png"/>
        </a>
        <a class="box h15w34 bg-skyblue fl" href="http://www.renren.com/" target="_blank">
            <img src="http://525mark.googlecode.com/svn/trunk/css/img/renren.png"/>
        </a>
        <div class="box h15w34 bg-skyblue fl" target="_blank">
        </div>
    </div>
</body>
</html>